<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表页</title>
		<link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<script type="text/javascript" src='./Public/Home/jquery.min.js'></script>
		<script type="text/javascript" src='./Public/Home/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
		<link rel="stylesheet" href="./Public/Home/css/index.css" />
		<link rel="stylesheet" href="./Public/Home/css/list.css" />
		<link rel="stylesheet" href="./Public/Home/css/list_special.css" />
		<script type="text/javascript" src='./Public/Home/js/index.js'></script>		
	</head>
	<style type="text/css">
		.licolor{
			color: orangered;
		}
	</style>
	<body>
		{{include file="VIEW_PATH/Common/header.php"}}

		<!--您已选择-->
		<div id="allcate" class="_w100">
			<div class="allcate _container">		
				<li>全部商品分类</li>
				<li><a href="">全部分类 </a></li>
				{{foreach from="$fatherCate" value="$v"}}
				<li>
					<a href="{{U('List/index',array('cid'=>$v['cid']))}}" {{if value="$_GET['cid'] eq $v['cid']"}}class="licolor"{{endif}}>
					<span class="glyphicon glyphicon-menu-right"></span>&nbsp;&nbsp;{{$v['cname']}}&nbsp;
					<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></span>					
				</li>
				{{endforeach}}
			</div>
		</div>
		<!--品牌-->
		<div class="_w100">
			<div class="brand _container">
				<div class="brand_f1 f1">品牌</div>
				<div class="brand_f1 f2">
					{{foreach from="$brand" value="$v"}}
					<a href="" class="aa" style="margin-right: 5px;">
						<img src="{{$v['logo']}}" alt="" style="width: 100px;height: 50px;"/>
					</a>
					<div class="cut"></div>
					{{endforeach}}
					<p class="many "><a href=""><span class="glyphicon glyphicon-plus"></span>多选</a></p>
					<p class="more "><a href="">更多<span class="glyphicon glyphicon-menu-down"></span></a></p>
				</div>
				<div class="aboutcate">
					<div class="aboutwords"><div class="xg">相关分类</div></div>
					<ul>
						<li><a href="">短靴(238)</a></li>
						<li><a href="">12</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">113</a></li>
						<li><a href="">455</a></li>
						<li><a href="">中长款(959)</a></li>
					</ul>
				</div>
				{{foreach from="$goodsAttr" key="$k" value="$v"}}
				<div class="ruler">
					<div class="aboutwords"><div class="xg">{{$v['name']}}</div></div>
					<ul>
						<?php 
							$temp = $param;
							$temp[$k] = 0;
						?>
						{{foreach from="$v['value']" value="$value"}}
						<?php 
								$temp[$k] = $value['gaid'];
						?>
						<li><a href="{{U('List/index',array('cid'=>$_GET['cid'],'param'=>implode('_',$temp)))}}"">{{$value['gvalues']}}</a></li>
						{{endforeach}}
						<p class="many ">
							<a href="javascript:;">
								<span class="glyphicon glyphicon-plus"></span>多选
							</a>
						</p>
						{{if value="$v['name']=='尺码'"}}
						<p class="more ">
							<a href="javascript:;">更多<span class="glyphicon glyphicon-menu-down"></span></a>
						</p>
						{{endif}}
					</ul>
				</div>
				{{endforeach}}
				<!--更多筛选-->
				<div class="morchose">
					<div class="aboutwords"><div class="xg">更多筛选</div></div>
					<ul>
						<li><a href="">闭合方式&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></li>
						<li><a href="">12</a></li>
					
						<li><a href="">113</a></li>
						<li><a href="">455</a></li>
						<li><a href="">风格&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></a></li>
						
						
					</ul>
				</div>
			</div>
		</div>
		<!--排序方式-->
		<div class="_w100">
			<div class="order _container">
				<li>排序方式:</li>
				<li><a href="">默认</a></li>
				<li ><a href="" style="background: background:red;">销量</a></li>
				<li><a href="">新品</a></li>
				<li><a href="">价格<span class=" glyphicon glyphicon-arrow-down"></span></a></li>
				<li><a href="">折扣<span class=" glyphicon glyphicon-arrow-down"></span></a></li>
				<input type="text" name="" id="" placeholder="￥" class="text"/>-
				<input type="text" name="" id="" placeholder="￥" class="text"/>
				<input type="checkbox" name="" id="" />15年<input type="checkbox" name="" id="" />15年
				<div class="next fr"><a href="">下一页<span class="glyphicon glyphicon-triangle-right"></span>	</a></div>
				<div class="next1 fr"><a href="">	<span class="glyphicon glyphicon-triangle-left"></span>	</a></div>
				<div class="nex fr"><a href=""><span>1</span>/<span>19</span></a></div>
				<div class="ne fr">共找到<a href="">555</a>件商品</div>
			
			</div>
		</div>
		<!--鞋子列表-->
		<div id="shoot_pic" class="_w100">
			
			<ul class="shoot_pic _container">
				{{foreach from="$goods" value="$v"}}
				<li>
					<div class="img"><a href="{{U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))}}"><img src="{{$v['listview']}}" alt="" /></a></div>
					<p class="des"><a href="{{U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))}}">限时抢购</a></p>
					<p><a href="{{U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))}}">{{$v['gname']}} </a></p>
					<p><span class="now">￥{{$v['shopprice']}}</span>&nbsp;&nbsp;<span class="old">￥{{$v['mkprice']}}</span></p>			
				</li>
			{{endforeach}}
			</ul>
			
		</div>
<!--公共底部开始-->
	<!--底部品牌区域-->
<div class="div">
	<div id="brand_bottom" class="_w10">
		<div class="brand_bottom _containe">
			<div class="brand_lis jz">
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
			</div>
			<ul class="brand_bottom_words jz">
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<!--正品保证-->	 
	<ul id="pro" class="_w10">
		<ul class="pro _containe">
			<li><a href=""><span>100%</span>正品保证</a></li>
			<li><a href=""><span>10天</span>退换货</a></li>
			<li><a href=""><span>10天</span>补差价</a></li>
			<li><a href=""><span>7*24小时</span>在线客服</a></li>
		</ul>
	</ul>
	<!--服务开始-->
	<div id="service" class="_w10">
		<div class="service _containe">
			<ul class="lef" style="margin-left: 10px;">
				<li class="big">新手帮助</li>
				<li><a href="">购物流程</a></li>
				<li><a href="">会员介绍</a></li>
				<li><a href="">会员积分详情</a></li>
				
			</ul>
			<ul class="lef">
				<li class="big">购物指南</li>
				<li><a href=""> 配送服务查询</a></li>
				<li><a href="">配送费收取标准</a></li>
				<li><a href="">海外配送</a></li>
			</ul>
			<ul class="lef">
				<li class="big">支付方式</li>
				<li><a href="">货到付款</a></li>
				<li><a href="">在线支付</a></li>
				<li><a href="">分期付款</a></li>
				
			</ul>
			<ul class="lef">
				<li class="big">售后服务</li>
				<li><a href="">售后政策</a></li>
				<li><a href="">价格保护</a></li>
			
			
			</ul>
			<ul class="lef">
				<li class="big">会员服务</li>
				<li><a href="">找回密码</a></li>
				<li><a href="">联系我们</a></li>
			</ul>
	  		<ul class="mid">
				<li class="big">优购服务</li>
				<li><a href="">在线咨询</a></li>
				<li><a href="">Email:  <span>service@yougou.com</span>
				</a></li>
			</ul>
			<p class="mob1 fr"><a href=""><img src="./Public/Home/images/mob1.jpg" alt="" /></a></p>
			<p class="mob2 fr"><a href=""><img src="./Public/Home/images/mob2.jpg" alt="" /></a></p>
		</div>
	</div>
	<!--最底部开始-->
  	<div id="last" class="_w10">
  		<div class="last _containe">
  			<div class="l_img">
  				<a href=""><img src="./Public/Home/images/last_1.gif" alt="" /></a>
  			</div>
  			<p class="about">
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>
  			</p>
  			<p class="copy">Copyright © 2011-2015 Yougou Technology Co., Ltd.    <a>粤ICP备09070608号-4</a> 增值电信业务经营许可证：   <a>粤 B2-20090203</a> 深公网安备：4403101910665</p>
  			<div class="pic">
  				<a href=""><img src="./Public/Home/images/last_2.png" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_3.png" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_4.jpg" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_5.png" alt="" /></a>
  			</div>
  		</div>
  	</div>
</div>		
		
	<span class=""></span>	
		
		
		
		
		
		
		
		
	</body>
</html>
